<!--
 * @Author: caihongtai caihongtai
 * @Date: 2025-02-09 14:03:33
 * @LastEditors: caihongtai caihongtai
 * @LastEditTime: 2025-02-19 09:56:48
 * @FilePath: /ai-interview-vue/src/views/Profile/interviews/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <nav-bar title="充值详情" />
    <div class="recharge-detail">
        <van-cell-group class="interviews-list">
            <van-cell class="interviews-item" v-for="item in dataSource" :key="item.id" :title="item.jobTitle"
                :label="item.company" :value="item.minutes + '分钟'">
            </van-cell>
        </van-cell-group>
    </div>
</template>

<script setup lang="ts">
    import { useRouter } from 'vue-router'
    import NavBar from '@/components/NavBar/index.vue'

    const router = useRouter()
    const dataSource = ref([
        {
            id: 1,
            jobTitle: '前端开发工程师',
            company: '2025/01/04 19:29:35',
            minutes: 10,
        },
    ])

</script>

<style lang="scss" scoped>
    .interviews-list {
        .interviews-item {
            padding: 16px;
            display: flex;
            align-items: center;

            :deep(.van-cell__title) {
                span {
                    font-size: 16px;
                    font-weight: 500;

                }

                .van-cell__label {
                    font-size: 12px;
                    font-weight: 400;
                    color: rgba(134, 144, 156, 1);
                }
            }

            :deep(.van-cell__value) {
                font-size: 15px;
                font-weight: 500;
                color: rgba(22, 93, 255, 1);
            }
        }
    }
</style>